import Button from 'src/components/Button';
import Icon from 'components/Icon'

export default function ButtonExample() {
  return (
    <div>
      <div style={{margin: '10px'}}>
        <Button>default button</Button>
        <Button loading>default button</Button>
        <Button disabled>default button</Button>
        <Button danger>default button</Button>
        <Button danger size="small">default button</Button>
        <Button size="large">default button</Button>
      </div>

      <div style={{margin: '10px'}}>
        <Button type="primary">primary button</Button>
        <Button type="primary" loading>dashed button</Button>
        <Button type="primary" disabled>dashed button</Button>
        <Button type="primary" danger>dashed button</Button>
      </div>

      <div style={{margin: '10px'}}>
        <Button type="dashed" icon={<Icon type={"react"} />}>dashed button</Button>
        <Button type="dashed" loading>dashed button</Button>
        <Button type="dashed" disabled>dashed button</Button>
        <Button type="dashed" danger>dashed button</Button>
      </div>

      <div style={{margin: '10px'}}>
        <Button type="text">text button</Button>
        <Button type="text" loading>text button</Button>
        <Button type="text" disabled>text button</Button>
        <Button type="text" danger>text button</Button>
      </div>

      <div style={{margin: '10px'}}>
        <Button type="link">link button</Button>
        <Button type="link" loading>link button</Button>
        <Button type="link" disabled>link button</Button>
        <Button type="link" danger>link button</Button>
      </div>
    </div>
  )
}